import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import'./App.css'
import * as serviceWorker from './serviceWorker';
import './test.css'


let exampleStyle = {
  background: 'skyblue',
  borderBottom:'1px solid red',
  'background-image' : "URL(https://www.baidu.com/img/dong_66cae51456b9983a890610875e89183c.gif)"

}
let elemnet = (
    <div>
      <h1 style = {exampleStyle}>helloword</h1>
    </div>
)
let classStr = "reaBg"
let elemnet2 = (
    <div>
      {/* 注释只能写在括号里面 */}
        <h1 className={"abc"+classStr} >helloword</h1>

    </div>
)


let  Array = ['abc','str'].join(' ')
let elemnet3 = (
  <div>
       <h1 className={Array} style={exampleStyle} >helloword</h1>

  </div>

)

ReactDOM.render(
  elemnet3,
  document.getElementById('root')
)
    
  
    






















// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();
